<template>
  <div class="no-data">
    <img src="@/assets/img//beauty/4.jpeg">
    <span>暂无数据</span>
  </div>
</template>

<script>
export default {
    name: 'noData'
};
</script>

<style lang="scss" scoped>
.no-data {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 120px;
    & > img {
        width: 280px;
    }
    & > span {
        font-size: 24px;
        color: #d1d1d1;
        & > img + span {
            margin-top: 28px;
        }
    }
}
</style>